import React from 'react'
import 'styles/scan-receive/scan-receive.scss'
import ScanReceiveOption from 'containers/scan-receive/scan-receive-option'
import ScanReceiveDataList from 'containers/scan-receive/scan-receive-data-list'
import WaterMark from 'components/water-mark';
import Slider from 'containers/scan-receive/slider';
import {messages} from "share/common";
import {Tabs} from "antd";
const TabPane = Tabs.TabPane;
const { ColumnLayoutLeft, ColumnLayoutRight } = Slider;


class Index extends React.Component {
  render(){
    return (
      <div className={`scan-receive`}>
        <WaterMark/>
        <div className='slide-document-layout-container'>
          <Slider leftWidth={400}>
            <ColumnLayoutLeft>
              <ScanReceiveOption/>
            </ColumnLayoutLeft>
            <ColumnLayoutRight>
              <Tabs className="scan-receive__tab">
                <TabPane tab={messages('expense-13.key31')/*交单提醒*/} key='Unpaid'>
                  <ScanReceiveDataList />
                </TabPane>
              </Tabs>
            </ColumnLayoutRight>
          </Slider>
        </div>
      </div>
    )
  }

}

Index.contextTypes = {
  router: React.PropTypes.object
};

export default Index;
